<template>
    <div class="upload_container">
        <h3>上传相关证明</h3>
        <div class="upload_files">
            <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple :before-remove="beforeRemove">
                <i class="el-icon-upload"></i>
                <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                <div class="el-upload__tip" slot="tip" style="text-align:center">只能上传jpg/png文件，且不超过500kb</div>
            </el-upload>
        </div>
    </div>
</template>

<script>
export default {
    name: 'Fdifficulty',
    methods:{
        beforeRemove(file, fileList) {
        return this.$confirm(`确定移除 ${ file.name }？`);
      }
    }
}
</script>

<style scoped>
.upload_container {
    margin-top: 200px;
}

.upload_files {
    display: flex;
    justify-content: center;
    /* margin-right: 400px; */
}

h3 {
    font-weight: 100;
    text-align: center;
}

.el-upload-list__item-name {
    width: 360px;
}
</style>
